<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "App",
  };
</script>

<style lang='less'>
  #app,
  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .el-drawer__wrapper {
    .el-drawer__body {
      .scheme_form {
        .el-form-item:last-child {
          margin-bottom: 0;
        }

        .el-input-number {
          width: 44%;
        }

        .el-select {
          width: 100%;
        }

        .el-range-editor.el-input__inner {
          width: 100%;
        }

        .el-range-editor .el-range-input {
          flex: 3;
        }

        .el-date-editor .el-range-separator {
          flex: 1;
        }
      }
    }
  }

  .el-popover {
    cursor: pointer;

    .el-checkbox {
      margin-right: 0;
      margin-bottom: 10px;
    }

    .operate {
      text-align: center;
    }
  }

  .el-popover:hover {
    .content {
      background-color: rgba(64,158,255,.1);
      color: #409EFF;
    }
  }

  .el-drawer__header {
    border-bottom: 1px solid #f0f0f0;
    padding: 20px !important;
    margin-bottom: 0 !important;
  }

  .el-drawer__body {
    padding: 24px;

    .scheme_form {
      padding: 20px 20px;
      background-color: rgb(250, 250, 250);
      margin-bottom: 20px;
    }
  }


  // .el-scrollbar{
  //   .el-scrollbar__wrap{
  //     overflow: auto;
  //     margin: 0 !important;
  //   }
  //   li.el-select-dropdown__item.hover{
  //     background-color: #fff;
  //     padding-right: 0;
  //   }
  // }


</style>